<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>blockUI</title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="./jquery.js"></script>
  <script type="text/javascript" src="./jquery.blockUI.js"></script>
  <script type="text/javascript">
	$(document).ready(function(){
		$("#clickme").click(function(){
			$.blockUI({message:$("#longinform"),overlayCSS: { Color: "white"}});
		});
	});
  </script>
 </head>

 <body>
  <button id="clickme" value="测试">登录</button>
  <form id="longinform" style="display:none;">
	<fieldset style="border:0px;">
		<table>
		<tr>
		<td>
		<label>user:</label>
		</td>
		<td>
		<input type="text" name="user">
		</td>
		</tr>
		<tr>
		<td>
		<label>password:</label>
		</td>
		<td>
		<input type="text" name="pws">
		</td>
		</tr>
		</table>
	</fieldset>
  </form>
 </body>
</html>